export default {
    install(app){
        app.component("UserCard",{
            template:`
                <div class="user-card">
                    <div class="head">
                        <img v-bind:src="user.img" alt="">
                    </div>
                    <div class="info">
                        <div class="row">
                            <span>编号</span>
                            <span>{{ user.no }}</span>
                        </div>
                        <div class="row">
                            <span>姓名</span>
                            <span>{{ user.name }}</span>
                        </div>
                        <div class="row">
                            <span>性别</span>
                            <span>{{ user.sex }}</span>
                        </div>
                        <div class="row">
                            <span>手机号</span>
                            <span>{{ user.tel }}</span>
                        </div>
                    </div>
                </div>
            `,
            data(){
                return {}
            },
            // props:["user"]
            props:{
                user:{
                    type:Object,
                    required:true,
                    validator(val){
                        if(!val.img){
                            console.warn("user对象参数必须包含img属性")
                        }
                        if(!val.no){
                            console.warn("user对象参数必须包含no属性")
                        }
                        if(!val.name){
                            console.warn("user对象参数必须包含name属性")
                        }
                        if(!val.tel){
                            console.warn("user对象参数必须包含tel属性")
                        }

                        return true;
                    }
                }
            }
        })
    }
}